<template>
  <div class="deal_page">
    <el-scrollbar class="el_scroll">
      <el-table class="el_table" :data="recordList" size="mini">
        <el-table-column label="预约医院" prop="hospitalName"></el-table-column>
        <el-table-column label="预约时间" prop="appointmentTime"></el-table-column>
        <el-table-column label="满意度" prop="receptionService"></el-table-column>
        <el-table-column label="权益" prop="outpatientSurroundings"></el-table-column>
        <el-table-column label="价格" prop="doctorExpert"></el-table-column>
        <el-table-column label="方案" prop="other"></el-table-column>
        <el-table-column label="复诊/顾虑" prop="worry"></el-table-column>
        <el-table-column label="是否出现投诉" prop="hasComplaint">
          <template slot-scope="{row}">{{row.hasComplaint == 1?'是':'否'}}</template>
        </el-table-column>
        <el-table-column label="投诉内容" prop="complaintContent"></el-table-column>
        <el-table-column label="回访时间" prop="createdDate"></el-table-column>
      </el-table>
    </el-scrollbar>
  </div>
</template>
<script>
import { GETRETURNVISITRECORDS } from "@/http/customer";
export default {
  name: "DealInfo",
  props: {
    userInfo: {
      type: Object,
      default: function () {
        return {};
      },
    },
  },
  //   watch: {
  //     userInfo: {
  //       handler: function (e) {
  //         console.log(e);
  //         if (e.dealInfoList) {
  //           this.getList(e);
  //         }
  //       },
  //       immediate: true,
  //     },
  //   },
  data() {
    return {
      recordList: [],
    };
  },
  mounted() {
    let row = this.userInfo;
    this.getList(row);
  },
  methods: {
    // 获取列表
    getList(row) {
      GETRETURNVISITRECORDS({ clueId: row.id }).then((res) => {
        this.recordList = res.data||[]
      });
    },
  },
};
</script>
<style lang="scss">
.el_scroll {
  .el-scrollbar__wrap {
    max-height: 60vh;
    overflow-x: hidden;
  }
}
</style>
<style lang="scss" scoped>
.deal_page {
  min-height: 360px;
}
.tab_txt {
  display: -webkit-box;
  /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical;
  /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 3;
  /**显示的行数**/
  overflow: hidden;
  /**隐藏超出的内容**/
}
</style>